草庐IT

Bootstrap4 导航栏

全部标签

javascript - X-Editable 和 Bootstrap 4

之前我已经使用X-Editable和Bootstrap3实现了内联编辑。使用Bootstrap4它似乎不再有效。CheckouttheJsFiddlehere.如果我像这样定义一个简单的弹出窗口:comment$(document).ready(function(){$('.comment').editable();});它在BS3中工作正常,但一旦我切换到BS4,它就不再工作并给出错误:UncaughtTypeError:Cannotreadproperty'addClass'ofundefinedatPopup.show(bootstrap-editable.js:1091)atE

javascript - 通过 addEventListener 添加点击事件以确认来自超链接的导航

我正在编写一些JavaScript,我主要想做的是在用户点击链接时确认他们确实想要点击它。我的代码目前看起来像这样:varAnchors=document.getElementsByTagName("a");for(vari=0;i此代码显示了我希望看到的确认框,但随后无论按下确认框中的按钮如何导航到链接。我认为问题与我对addEventListener的使用(或它的实现的限制)有关,因为如果我在HTML文件中手动添加以下内容,行为就是这样我希望:Google 最佳答案 我更改了您的onclick函数以包含对event.preven

javascript - Twitter Bootstrap 工具提示说明不起作用?

我注意到我的TwitterBootstrap工具提示不符合data-position。所以,我前往TwitterBootstraptooltipsdemo,特别是查看“X上的工具提示”示例,这就是我得到的:方向好像没有支持?但是,工具提示继承自的弹出窗口(或者可能是相反的方式?)起作用:尝试过的浏览器:Ubuntu12.10上的Chromium24.0Ubuntu12.10上的Firefox19.0这是应该报告的错误,还是这里发生的其他事情? 最佳答案 JsfiddleJsfiddlewithtooltipworking这不是错误,

javascript - 获取 Twitter Bootstrap 单选按钮的值。查询

我正在使用来自TwitterBootstrap的单选按钮:http://twitter.github.com/bootstrap/javascript.html#buttons.在我的html中看起来像这样:LeftMiddleRight我想知道如何使用Jquery或Javascript获取用户选中的按钮的值。我看到了几个关于这个主题的问题,但我认为这种按钮是不同的,因为它们看起来不接受“选中”属性。非常欢迎任何帮助PS:如果有人知道如何默认选中其中一个按钮,那也会对我有很大帮助。谢谢。 最佳答案 正如标签所说的那样,它是一个按钮,

javascript - 如何获取键盘上的箭头键以触发博客中的导航(上一页/下一页)链接

到目前为止我拼凑的脚本如下所示:/*KEYNAV*/document.onkeydown=function(e){if(!e)vare=window.event;varcode=e.charCode?e.charCode:e.keyCode;if(!e.shiftKey&&!e.ctrlKey&&!e.altKey&&!e.metaKey){if(code==Event.KEY_LEFT){if($('previous_page_link'))location.href=$('previous_page_link').href;}elseif(code==Event.KEY_RIGHT

javascript - 如何让我的导航栏在滚动经过 anchor 时更改 CSS 类?

我正在使用Bootstrap3并希望实现thiseffect当用户滚动经过我页面上的大标题图像时。我需要导航栏的背景从透明变为白色。我查看了他们的代码,我知道它是用javascript完成的,甚至还看到了WHERE我认为它正在发生(在该JS中查找ID“#main-header”)...除了不了解高级Javascript之外,我正在寻找一种方法,以便在滚动到某个点时将其应用于我的导航栏。我的代码的类称为“导航栏”,我希望它在通过“#main”时变成白色。如果您需要更多信息,请告诉我,如果有人愿意提供帮助,请提前致谢! 最佳答案 完成您

javascript - 使 Bootstrap 响应基于父 div 的最佳方法?

我需要Bootstrap中的容器基于父div而不是媒体查询进行响应。如果可能的话,我无法找出最好的方法,尤其是在不使用javascript的情况下。目前,在调整大小时,我会计算.span*div是否应为100%宽度(如果父div最终低于640px)或遵守列CSS。这是一个jsfiddle。使用.somecontainer上的CSS,.span*的内部布局应该像移动一样-因此如果将CSS更改为640px以上,则每一列都应该全宽,例如,它将重新布局为列布局。有什么想法吗?目前正在使用类似这样的代码(这并不理想)$(document).ready(function(){$('.somecon

javascript - 在 bootstrap-datepicker 上突出显示某些日期

我正在使用bootstrap-datepicker来检查我的网站获得销售的日期,我想显示或突出显示至少有一次销售的日期。我可以在JSON上传递日期,然后将它们放入Javascript的数组中,但我不知道如何让日期选择器获取日期并突出显示它们。有没有办法使用bootstrap-datepicker来实现这一点? 最佳答案 这是另一个突出显示日期范围的示例:varinRange=false;$('#elementPicker').datepicker({beforeShowDay:function(date){dateFormat=da

javascript - bootstrap.js 中的 emulateTransitionEnd,它来自哪里?

我正在调试modal.js并遇到了以下代码:that.$element.find('.modal-dialog')//waitformodaltoslidein.one('bsTransitionEnd',function(){that.$element.trigger('focus').trigger(e)}).emulateTransitionEnd(Modal.TRANSITION_DURATION):that.$element.trigger('focus').trigger(e)我的问题是关于以下行:emulateTransitionEnd(Modal.TRANSITION_

javascript - 如何从 javascript 函数中显示 Bootstrap 模式?

我的页面上有一个按钮,当它被按下时会触发一些javascript函数,其中一个javascript函数会打开Bootstrap模式,但我似乎无法让它工作。这是我的代码...请帮助。//elsewhereontheformisthebuttonthattriggersthejavascriptYes,cancelitxCancelPurchaseOrder?Yes,cancelitNevermind$('.btn-danger').click(function(event){if(somerandomconditionalstatement){//somestuffhappenshere